<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="description" content="Éste es un ejemplo de HTML5">
<meta name="keywords" content="HTML5, CSS3, JavaScript">
<title>Éste es el título del documento</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<h1>Título principal de la página</h1>
	</header>
	<nav>
		<ul>
			<li><a href="#" title="Pagina de Inicio">Inicio</a></li>
			<li><a href="#" title="Pagina de Imagenes">Imágenes</a></li>
			<li><a href="#" title="Pagina de Videos">Vídeos</a></li>
			<li><a href="#" title="Pagina de Contacto">Contacto</a></li>
		</ul>
	</nav>
	<div id="contenedor">
		<section>
			<article>
				<header>
					<h1>Título de la primera entrada</h1>
				</header>
				Éste es el texto de la primera entrada.


				<h2>Previsiones meteorológicas</h2>
				<p id="localidad1">Localidad 1: soleado, máx: 35º, mín: 23º</p>
				<p id="localidad2">Localidad 2: nublado, máx: 25º, mín: 13º</p>
				<p id="localidad3">Localidad 3: muy nublado, máx: 22º, mín: 10º</p>
				<p id="localidad4">Localidad 4: tormentas, máx: 23º, mín: 11º</p>


				<footer>
					<p>Comentarios (0)</p>
				</footer>
			</article>
			<article>
				<header>
					<h1>Título de la segunda entrada</h1>
				</header>
				Texto de la segunda entrada
				<footer>
					<p>Comentarios (0)</p>
				</footer>
			</article>
		</section>
		<aside>
			<blockquote>Cita del Artículo 1</blockquote>
			<blockquote>Cita del Artículo 2</blockquote>
		</aside>
	</div>
	<footer> Copyright &copy; 2013 </footer>
</body>
</html>